<%@page import="co.com.sed.model.util.Util"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<%!
java.util.Calendar cal = java.util.Calendar.getInstance(java.util.Locale.US);
java.util.Date date = cal.getTime();
//java.text.DateFormat formateadorHora = java.text.DateFormat.getTimeInstance(java.text.DateFormat.FULL);
java.text.DateFormat formateadorFecha = java.text.DateFormat.getDateInstance(java.text.DateFormat.FULL);
java.text.DateFormat formateadorFechaEnviar = java.text.DateFormat.getDateInstance(java.text.DateFormat.MEDIUM);

String fechaActual=formateadorFecha.format(date);
String fechaActualEnviar=formateadorFechaEnviar.format(date);

//String horaActual=formateadorHora.format(date);
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<jsp:include page="../comun/headHTML.jsp">
			<jsp:param name="mootools" value="si" />
			<jsp:param name="incluirCalendario" value="si" />
			<jsp:param name="incluirView" value="no" />
		</jsp:include>
		<script>
			function buscarEvaluado(){
				var myRequest = new Request.HTML ({
	                    url: '/sedcco/app/adminsistem/',
	                    evalScripts: false,
	                    data: {
	                            action: 'buscarEvaluado',
	                            txtBuscarEvaluado: $('txtBuscarEvaluado').value
	                    },
	                    update: $('resultadoBuscarEvaluado')
	            }).send();
			}
			
			function buscarEvaluador(){
				var myRequest = new Request.HTML ({
	                    url: '/sedcco/app/adminsistem/',
	                    evalScripts: false,
	                    data: {
	                            action: 'buscarEvaluador',
	                            txtBuscarEvaluador: $('txtBuscarEvaluador').value
	                    },
	                    update: $('resultadoBuscarEvaluador')
	            }).send();
			}
			
			function cargarEvaluado(){
				var combo = document.getElementById("usuarioActivo");				
				var selected = combo.options[combo.selectedIndex].text;
				var arreglo = selected.split("-");
				var id = arreglo[0];
				id=id.replace(" ","");
				//alert(id);
				var myRequest = new Request.HTML ({
                    url: '/sedcco/app/adminsistem/',
                    evalScripts: false,
                    data: {
                            action: 'cargarEvaluado',
                            txtBuscarEvaluado: id                            
                    },
                    update: $('resultadoCargarBuscarEvaluado')
            }).send();
			}
			function cargarEvaluadores(){
				var combo = document.getElementById("usuarioActivoEvaluadores");				
				var selected = combo.options[combo.selectedIndex].text;
				var arreglo = selected.split("-");
				var id = arreglo[0];
				id=id.replace(" ","");
				//alert(id);
				var myRequest = new Request.HTML ({
                    url: '/sedcco/app/adminsistem/',
                    evalScripts: false,
                    data: {
                            action: 'cargarEvaluadores',
                            txtBuscarEvaluador: id
                           },
                    update: $('resultadoCargarBuscarEvaluadores')
            }).send();
			}
			
			function insertarEvaluador360(){
				var combotipoEvaluador = document.getElementById("tipoEvaluador");
				var selectedtipoEvaluador = combotipoEvaluador.options[combotipoEvaluador.selectedIndex].text;
				var selectedtipoEvaluadorId = combotipoEvaluador.options[combotipoEvaluador.selectedIndex].value;

				var combo = document.getElementById("usuarioActivo");
				var selected = combo.options[combo.selectedIndex].text;
				var arreglo = selected.split("-");
				
				var id = arreglo[0];
				id=id.replace(" ","");
				var nombreEvaluado = arreglo[1];
				 
				var comboEvaluador = document.getElementById("usuarioActivoEvaluadores");
				var selected = comboEvaluador.options[comboEvaluador.selectedIndex].text;
				var arregloE = selected.split("-");
								
				var idE = arregloE[0];
				idE=idE.replace(" ","");
				
				var nombreEvaluador = arregloE[1];				

				//var fecha=fechaAsignada.value;
				
				var estado = 0;
				if(document.getElementById("estado1").checked){
					estado = 1;
				}else{
					estado = 0;
				}
				//alert(fechaActualEnviar);
				var comboPreriodo = document.getElementById("periodo");				
				var selectedPeriodo = comboPreriodo.options[comboPreriodo.selectedIndex].text;
				var myRequest = new Request.HTML ({
                    url: '/sedcco/app/adminsistem/',
                    evalScripts: false,
                    data: {
                            action: 'insertarEvaluador360',
                            txtEvaluado: id,
                            txtEvaluador: idE,
                            txtPeriodo: selectedPeriodo,
                            txtFechaAsignada: $('txtFechaAsignada').value,
                            txtResultado: 0,
                            txtEstado: estado,
                            txtNombreEvaluado: nombreEvaluado,
                            txtNombreEvaluador: nombreEvaluador,
                            txtTipoEvaluador: selectedtipoEvaluadorId                            
                    },
                    update: $('resultadoTabla')
            }).send(); 
			}
			
		</script>
	</head>
	<body>
		<div id="wrap">

			<div id="header">
				<div id="logo"></div>
				<jsp:include page="../comun/menuPrincipal.jsp" flush="true"/>
			</div>
			
			<div id="content">
	
				<div id="form_container">
			
					<form id="asignarEvaluacionEXC" class="appnitro"  method="post" action="/sedcco/app/evaluacion360">
							<div class="form_description">
								<h2>Asignar Evaluaci&oacute;n 360</h2>
							</div>
							<div>
								<input class="description" id="txtFechaAsignada" disabled="disabled" name="txtFechaAsignada" class="element text medium" type="text" maxlength="255" value="<%=fechaActualEnviar%>"/>
							</div>
						<fieldset>
								<legend><h2>Evaluado</h2></legend>							
							<ul >	
								<li id="li_1" >
									<label class="description" for="identificacion">Buscar: </label>
									<div>
										<input id="txtBuscarEvaluado" name="txtBuscarEvaluado" class="element text medium" type="text" maxlength="255" value=""/>
										<input id="btnBuscarEvaluado" type="button" onclick="buscarEvaluado()" value="Buscar" /> 
									</div> 
									<div id="resultadoBuscarEvaluado"></div>	
								</li>
								
									<div id="resultadoCargarBuscarEvaluado"></div>
									<li id="li_10" >
                                    <label class="description" for="periodo">Periodo </label>
                                    <div>
                                        <select class="element select medium" id="periodo" name="periodo"> 
                                                <option value="" selected="selected"></option>
                                                <c:forEach items="${listaPeriodos}" var="periodo">
                                                       <option value="${periodo.idPeriodo}" >${periodo.descripcion}</option>
                                                </c:forEach> 
                                        </select>
                                    </div> 
                                </li>														
							</ul>
							
						</fieldset>
						
						<fieldset> 
								<legend><h2>Evaluador</h2></legend>							
							<ul >
							<li id="li_1" >
									<label class="description" for="identificacion">Buscar: </label>
									<div>
										<input id="txtBuscarEvaluador" name="txtBuscarEvaluador" class="element text medium" type="text" maxlength="255" value=""/>
										<input id="btnBuscarEvaluador" type="button" onclick="buscarEvaluador()" value="Buscar" /> 
									</div>
									<div id="resultadoBuscarEvaluador"></div>
	
								</li>
								<div id="resultadoCargarBuscarEvaluadores"></div>
								
								<li id="li_8" >
                                    <label class="description" for="tipoEvaluador">Tipo Evaluador  </label>
                                    <div>
                                        <select class="element select medium" id="tipoEvaluador" name="tipoEvaluador">
                                                <option value="" selected="selected"></option>
                                                <c:forEach items="${listaTipoEvaluadores}" var="tipoEvaluador">
                                                       <option value="${tipoEvaluador.idTipoEvaluador}" >${tipoEvaluador.descripcion}</option>
                                                </c:forEach>
                                        </select>
                                    </div>
                                </li>
                               
							</ul>
								<div class="buttons" style="margin-left:100px;">
									<input type="hidden" name="form_id" value="432248" />
									<input id="saveForm" class="button_text" type="button" name="agregar" value="Agregar" onclick="insertarEvaluador360()"/>
								</div>
								<div id="resultadoTabla"></div>
						</fieldset>
						<br/>
						<br/>
						<div>
							<a href="/sedcco/app/adminsistem?action=formMenuExC"><img src="${applicationScope.rutaImagenes}logoatras.png" width="60" height="50" style="margin-left:120px;" /></a>
							<a href="#"><img src="${applicationScope.rutaImagenes}logoapagar.png" width="60" height="50" style="margin-left: 360px;" /></a>
						</div>
					</form>
			</div>
		</div>
			<jsp:include page="../comun/pie.jsp" flush="true"/>
		</div>
	</body>
</html>
